<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/4-shopping.css">

	</head>
	<body>
		<div class="shoping_cart">
			<div class="shoping_title">
				<p>购物车</p>
				<div class="line"></div>
			</div>

			<!-- 购物车列表 -->
			<div class="shop_list">
				<div class="shop_item">
					<div class="checkbox">
						<input type="checkbox">
					</div>
					<div class="shop_img">
						<img src="./img/4/a6.jpg">
					</div>
					<div class="shop_list_right">
						<div class="shop_info">
							<div class="shop_title">丛林物语双面印花磨毛四件套</div>
							<div class="shop_title_cn">1.8M;米白色</div>
							<img src="./img/4/c9.jpg" alt="">
						</div>
						<!-- 与数量有关 -->
						<div class="number">
							<span>￥399.00</span>
							<div class="number_button">
								<!-- 减 -->
								<div class="subtract_button">
									<button type="button">-</button>
								</div>
								<!-- 开始 -->
								<div class="begin_button">
									<button type="button">1</button>
								</div>
								<!-- 加 -->
								<div class="add_button">
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="shop_item">
					<div class="checkbox">
						<input type="checkbox">
					</div>
					<div class="shop_img">
						<img src="./img/4/a7.jpg">
					</div>
					<div class="shop_list_right">
						<div class="shop_info">
							<div class="shop_title">璀璨灵动 手镯</div>
							<div class="shop_title_cn">手镯</div>
							<img src="./img/4/c9.jpg" alt="">
						</div>
						<!-- 与数量有关 -->
						<div class="number">
							<span>￥399.00</span>
							<div class="number_button">
								<!-- 减 -->
								<div class="subtract_button">
									<button type="button">-</button>
								</div>
								<!-- 开始 -->
								<div class="begin_button">
									<button type="button">1</button>
								</div>
								<!-- 加 -->
								<div class="add_button">
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="shop_item">
					<div class="checkbox">
						<input type="checkbox">
					</div>
					<div class="shop_img">
						<img src="./img/4/a8.jpg">
					</div>
					<div class="shop_list_right">
						<div class="shop_info">
							<div class="shop_title">28寸 纯PC”铝矿”（非全铝）</div>
							<div class="shop_title_cn">神秘灰</div>
							<img src="./img/4/c9.jpg">
						</div>
						<!-- 与数量有关 -->
						<div class="number">
							<span>￥399.00</span>
							<div class="number_button">
								<!-- 减 -->
								<div class="subtract_button">
									<button type="button">-</button>
								</div>
								<!-- 开始 -->
								<div class="begin_button">
									<button type="button">1</button>
								</div>
								<!-- 加 -->
								<div class="add_button">
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>


			<!-- 猜你喜欢 -->
			<div class="guess">
				<div class="guess_title">
					<span>猜你喜欢</span>
				</div>
				<!-- 商品列表 -->
				<div class="guess_shop">
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>

					</div>
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>
					</div>
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>
					</div>
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>
					</div>
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>
					</div>
					<div class="shop_item">
						<div class="img">
							<img src="./img/4/a7.jpg" alt="">
						</div>
						<div class="shop_name">
							<span>色织水洗棉格纹四件套</span>
						</div>
						<div class="shop_price">
							<span>￥219</span>
						</div>
					</div>

				</div>
			</div>


			<!-- 选择按钮 -->
			<div class="select_button">
				<div class="but">
					<div class="select_but">
						<div class="input">
							<input class="b" type="checkbox"><span>全选</span>
						</div>
						<p class="shop_price">￥0.00</p>
					</div>
					<!-- 下单按钮 -->
					<div class="purchase_but">
						<button type="button">下单</button>
					</div>
				</div>
			</div>


			<!-- 首页固定窗口 -->
			<div class="icon_button">
				<div class="icon_item">
					<img src="./img/4/logo1.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo2.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo3.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo4.png">
					<p><a href="">首页</a></p>
					<p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo6.png">
					<p><a href="">首页</a></p>
				</div>
			</div>
		</div>


	</body>
</html>
